<!DOCTYPE html PUBLIC "-//W 3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Calendar test</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="calendar.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/ajax_manager.js"></script>
<script type="text/javascript" src="../../os3jslib/types.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/date_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/event_manager.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/form5.js"></script>
<script type="text/javascript" src="../../os3jslib/form.js"></script>
<script type="text/javascript" src="../wwl.js"></script>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="form.calendar.js"></script>

<style>
body {
	font-size: 20px;
	font-family: arial, verdana, sans-serif;
}
#cal2 {
	margin-left: 50px;
}
</style>

<script type="text/javascript">
var cal, cal2,cal3, frm;
function init ()
{
	cal = new WWL.calendar5 ( 'cal1', { 'popup' : true } );
	cal.render ( 'cal1' );

	cal2 = new WWL.calendar5 ( 'cal2', { 'time' : false } );
	cal2.render ( 'cal2' );

	cal3 = new WWL.calendar5 ( 'cal3', { 'time' : false, 'popup' : true } );
	cal3.render ( 'cal3' );

	frm = new liwe.form5.instance ( "frmtest" );
	frm.url = "http://intranet:9000/test.pyhp";
	frm.add ( "text", "txt1",  { 'label' : 'Text 1' } );
	frm.add ( "calendar" , "cal1", { 'label' : 'Calendar', 'time' : 'true'  } );
	frm.add ( "calendar" , "cal2", { 'label' : 'Calendar2' } );
	frm.add ( "submit", "submit" , { value : "Submit" } );
	frm.addEventListener ( "submit", function ( evt ) 
	{ 
		debugger;
		confirm ( "submit" ); 
		return false;
	} );
	frm.set ( 'frm' );
}

</script>
</head>
<body onload="init()">
<div id="cal1"></div>
<div id="cal2"></div>
<div id="cal3"></div>

<h2>FORM</h2>
<div id="frm"></div>

</body>
</html>
